
@use 'sass:map';

// 重写变量
@forward 'element-plus/theme-chalk/src/common/var.scss' with (
  $colors: (
    'primary': (
      'base': #409eff,
    ),
  ),
  $button-padding-vertical: (
    'default': 10px,
  ),

  $button-padding-horizontal: (
    'default': 16px,
  ),
  $common-component-size: (
    'default': 32px,
  ),

  $font-size: (
    'base': 13px,
  ),
  $input-font-size: (
    'default': 13px,
  ),
  $table-font-size: (
    'default': 14px,
  ),
  $button-font-size: (
    'default': 12px,
  ),
  $select: (
    'font-size': 13px,
  ),
  $select-wrapper-padding: (
    'default': 0px 15px,
  ),
  $select-item-height: (
    'default': 32px,
  )
);

@use 'element-plus/theme-chalk/src/index.scss' as *;

// 重写样式
// .el-button--default {
//   height: auto;
// }
.el-button:focus-visible {
  outline: none;
}

.el-dropdown-menu--default .el-dropdown-menu__item {
  line-height: 27px;
  padding: 0 15px;
  font-size: 13px;
}

.el-select--default .el-select__wrapper {
  min-height: 32px;
}

.el-pagination--default.is-background {
  $page-height: 28px;
  --el-pagination-button-height: 28px;
  --el-pagination-button-width: 28px;
  --el-pagination-font-size: 13px;
  .el-select--default .el-select__wrapper {
    min-height: $page-height;
    line-height: $page-height;
  }
  .el-input__inner {
    height: calc($page-height - 2px);
  }
  .el-select__wrapper.is-hovering:not(.is-focused) {
    box-shadow: 0 0 0 1px var(--el-color-primary) inset;
  }
  .btn-prev,
  .btn-next {
    background-color: #f4f4f5;
    color: #606266;
    &:disabled {
      color: #c0c4cc;
      background-color: #f4f4f5;
    }
  }
}
// 处理受主应用影响的样式
.el-input__prefix,
.el-input__suffix {
  position: unset;
}
.el-input--suffix .el-input__inner,
.el-input--prefix .el-input__inner {
  padding: 0;
}
.el-input__wrapper {
  padding-left: 15px;
}
.el-form-item__label {
  font-weight: 700;
  font-size: 14px;
}
.el-dialog__header {
  padding: 20px 20px 10px;
}
.el-dialog__body {
  padding: 30px 20px;
  color: #606266;
  font-size: 14px;
  word-break: break-all;
}
.el-dialog {
  border-radius: 2px;
  padding: 0;
}
.el-date-editor .el-range-separator {
  font-size: 13px;
}
